<template>
<div>
  <h3>Button 示例</h3>
  <Demo :component="Button1Demo"/>
  <Demo :component="Button2Demo"/>
  <Demo :component="Button3Demo"/>
  <Demo :component="Button4Demo"/>
  <Demo :component="Button5Demo"/>
</div>
</template>

<script>
  import Button from "../lib/Button.vue"
  import Demo from "./Demo.vue"
  import Button1Demo from  './Button1.demo.vue'
  import Button2Demo from  './Button2.demo.vue'
  import Button3Demo from  './Button3.demo.vue'
  import Button4Demo from  './Button4.demo.vue'
  import Button5Demo from  './Button5.demo.vue'
  export default {
    name: "ButtonDemo",
    components: {Demo, Button},
    setup() {
      return {Button1Demo,Button2Demo,Button3Demo,Button4Demo,Button5Demo}
    }
  }
</script>

<style lang="scss" scoped>

</style>